<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" media="screen and (max-width:1199px)" href="./css/m.css">
    
    <title>Responsive layout</title>
</head>

<body>
    <header class="header">
        <h1 class="logo">小野聊前端</h1>

        <ul class="nav-list">
            <li class="nav-item">
                <a href="#" class="nav-lk">首页</a>

            </li>
            <li class="nav-item" >
                <a href="#" class="nav-lk">我的课程</a>

            </li>
            <li class="nav-item">
                <a href="#" class="nav-lk">关于</a>
            </li>
        </ul>

        <span class="fa fa-bars"></span>
    </header>
    <section class="banner">
        <div class="avator">
            <img src="./img/avator.jpg" alt="">
            <p class="title">聊聊前端</p>
        </div>
    </section>
    <section class="course-board">
        
            <div class="course-card">
                <div class="course-banner">
                    <img src="./img/2.jpg" alt="">
                </div>
                <h1>你还不会Vue, 那就Out了</h1>
            </div>
            <div class="course-card">
                <div class="course-banner">
                    <img src="./img/2.jpg" alt="">
                </div>
                <h1>你还不会Vue, 那就Out了</h1>
            </div>
            <div class="course-card">
                <div class="course-banner">
                    <img src="./img/2.jpg" alt="">
                </div>
                <h1>你还不会Vue, 那就Out了</h1>
            </div>
            <div class="course-card">
                <div class="course-banner">
                    <img src="./img/2.jpg" alt="">
                </div>
                <h1>你还不会Vue, 那就Out了</h1>
            </div>
        
    </section>
    <script src="./js/common.js"></script>
</body>

</html>